<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

<!-- BEGIN HEAD -->

<head>

<meta charset="utf-8" />

<title>系统用户管理</title>

<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta th:content="${session.authorities}" id="authority" />

<link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
<link href="/media/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="/media/css/style-metro.css" rel="stylesheet" type="text/css" />
<link href="/media/css/style.css" rel="stylesheet" type="text/css" />
<link href="/media/css/style-responsive.css" rel="stylesheet" type="text/css" />
<link href="/media/css/uniform.default.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="/media/css/select2_metro.css" />
<link rel="stylesheet" href="/media/css/DT_bootstrap.css" />
<link rel="stylesheet" href="/media/ztree/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
<link rel="shortcut icon" href="/media/image/favicon.ico" />

</head>

<body>
	<div class="row-fluid" style="margin-left:-10px;margin-top:10px;">
		<div class="span12">
			<div class="portlet-body form">
				<form action="#" method="POST" class="form-horizontal"
					id="add_user_form">
					<div class="form-wizard">
						<div class="control-group">
							<label class="control-label">用户名<span class="required">*</span></label>

							<div class="controls">
								<input type="text" class="span6 m-wrap" name="userName" required/> <span
									class="help-inline" ></span>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">真实姓名<span class="required">*</span></label>
							<div class="controls">
								<input type="text" class="span6 m-wrap" name="userRealName" required/> <span
									class="help-inline"></span>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">手机号码<span class="required">*</span></label>

							<div class="controls">
								<input type="text" class="span6 m-wrap" name="userPhone" required/> <span
									class="help-inline"></span>
							</div>
						</div>
						<div class="control-group ">
							<label class="control-label">密码<span class="required">*</span></label>
							<div class="controls">
								<input type="password" class="span6 m-wrap" name="userPassword" id="txtPassword" required/> <span
									class="help-inline"></span>
							</div>
						</div>
						<div class="control-group ">
							<label class="control-label">再次密码<span class="required">*</span></label>
							<div class="controls">
								<input type="password" class="span6 m-wrap" name="userPassword2" required/> <span
									class="help-inline"></span>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label">选择园所</label>
							<div class="controls">
								<select class="m-wrap span4" name="userRole" required>
									<option value="0">请选择</option>
									<option value="1" th:each="role:${roles}" th:text="${role.roleName}" th:value="${role.id}">男</option>
								</select>

							</div>
						</div>
						<div class="control-group">
							<label class="control-label">选择角色</label>
							<div class="controls">
								<select class="m-wrap span4" name="userRole" required>
									<option value="0">请选择</option>
									<option value="1" th:each="role:${roles}" th:text="${role.roleName}" th:value="${role.id}">男</option>
								</select>

							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	
	<script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="/media/js/jquery-migrate-1.2.1.min.js"
		type="text/javascript"></script>

	<script src="/media/js/jquery-ui-1.10.1.custom.min.js"
		type="text/javascript"></script>

	<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>


	<script type="text/javascript" src="/media/js/select2.min.js"></script>

	<script type="text/javascript" src="/media/js/jquery.dataTables.min.js"></script>

	<script type="text/javascript" src="/media/js/DT_bootstrap.js"></script>

	<script type="text/javascript" src="/media/js/jquery.validate.min.js"></script>

	<script type="text/javascript" src="/media/js/chosen.jquery.min.js"></script>



	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script type="text/javascript"
		src="/media/ztree/js/jquery.ztree.core.js"></script>
	<script type="text/javascript"
		src="/media/ztree/js/jquery.ztree.excheck.js"></script>
	<script type="text/javascript" src="/media/layer/layer.js"></script>
	<script src="/media/js/app.js"></script>
	<script src="/media/js/useradd.js"></script>

	<script>
		jQuery(document).ready(function() {

			App.init();
			UserAdd.init();

		});
	</script>

	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push([ '_setAccount', 'UA-37564768-1' ]);
		_gaq.push([ '_setDomainName', 'keenthemes.com' ]);
		_gaq.push([ '_setAllowLinker', true ]);
		_gaq.push([ '_trackPageview' ]);
		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://'
					: 'http://')
					+ 'stats.g.doubleclick.net/dc.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})();
	</script>
</body>

<!-- END BODY -->

</html>